<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=5.0" charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		
		<link type="text/css" rel="stylesheet" href="../css/model/bootstrap.css"  />
		<link type="text/css" rel="stylesheet" href="../css/layui.css" />
		<link type="text/css" rel="stylesheet" href="../css/top_main.css" />
		<link type="text/css" rel="stylesheet" href="../css/zjf.css" />
	
		<script type="text/javascript" src='../js/model/jquery-2.1.4.min.js'></script>
		<script type="text/javascript" src="../js/model/bootstrap.js"></script>
		<script type="text/javascript" src="../js/model/reset_font.js"></script>
		<script type="text/javascript" src="../js/layer/layer.js"></script>
		
		<title>优当借书</title>
		<script>
			window.onload=function(){
				$("body").css("opacity",1);
			}
		</script>
	</head>
	<body>
		<script type="text/javascript" src="../js/model/template.js"></script>
		<div class="top">
			<a href="#" class="goback" >
				<img src="../images/icons/goback1.png" />
			</a>
			<span>
				赚积分
			</span>
		</div>
		<div class="bar">
			<div class="barLeft">
				<span>我的积分：</span>
				<span class="jf">200</span>
			</div>
			<div class="barRight">
				<a href="jfgz.html">
					<img src="../images/jifen/ask.png" class="ask" />
					<span>积分规则</span>
				</a>
			</div>
		</div>
		<div class="main">
			<div class="item">
				<a href="#">
					<img src="../images/jifen/vip.png" class="item_pic" />
					<div class="item_con">
						<div class="item_con_top">开通优当会员赚取积分</div>
						<div class="item_con_bot">+50积分</div>
					</div>
					<div class="item_right">
						<span style="display: none;"><span >去开通</span><img src="../images/jifen/arrow_r_y.png" class="arrow"/></span>
						<span class="after">已开通</span>
					</div>
				</a>
			</div>
			
			<div class="item">
				<a href="#">
					<img src="../images/jifen/me.png" class="item_pic" />
					<div class="item_con">
						<div class="item_con_top">完善个人信息奖励积分</div>
						<div class="item_con_bot">+20积分</div>
					</div>
					<div class="item_right">
						<span style="display: none;"><span>去完善</span><img src="../images/jifen/arrow_r_y.png" class="arrow"/></span>
						<span class="after">已完善</span>
					</div>
				</a>
			</div>
			
			<div class="item">
				<a href="qiandao.html">
					<img src="../images/jifen/qiandao.png" class="item_pic" />
					<div class="item_con">
						<div class="item_con_top">每日签到赚取任务积分</div>
						<div class="item_con_bot">+2积分</div>
					</div>
					<div class="item_right">
						<span>去签到</span><img src="../images/jifen/arrow_r_y.png" class="arrow"/>
					</div>
				</a>
			</div>
			
			<div class="item">
				<a href="yaoqing.html">
					<img src="../images/jifen/yaoqing.png" class="item_pic" />
					<div class="item_con">
						<div class="item_con_top">邀请好友赚积分</div>
						<div class="item_con_bot">+20积分</div>
					</div>
					<div class="item_right">
						<span>去邀请</span><img src="../images/jifen/arrow_r_y.png" class="arrow"/>
					</div>
				</a>
			</div>
		</div>
		<script >
			$(function(){
				$(".barRight").on("touchstart",function(){
					$(this).css("opacity",0.5);
				})
				$(".barRight").on("touchend",function(){
					$(this).css("opacity",1);
				})
				
				$(".item a").on("touchstart",function(){
					$(this).css("background","#F5F5F5");
				})
				$(".item a").on("touchend",function(){
					$(this).css("background","#FFFFFF");
				})
			})
		</script>
	</body>
</html>
